<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/select.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<script src="static/3rd/ScrollText.js"></script>
		<!--<script src="js/jquery.select.js"></script>-->
		<!--<script src="3rd/jquery.nicescroll.js"></script>-->
	</head>
	<style type="text/css">
		.imp_left{
			padding-left:20px !important;
		}
		.imp_left>div,.imp_right>div{
			height: 50%;
		}
		.ec_box_bottom{
			overflow: hidden;
		}
		.ec_pie_table{
			position: static;
			padding:10px 10px 10px 0;
		}
		.ec_pie_table table{
			width: 100%;
			text-align: left;
			table-layout: fixed;
		}
		.ec_pie_table table th,.ec_pie_table table td{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.ec_table_scr{
			width: 100%;
		}
		.ec_pie_table tr th:nth-child(1),.ec_pie_table tr td:nth-child(1){
			width:auto;
		}
		table{
			color: #bed8e0;
		}
		.ec_pie_table tr th:nth-child(2),.ec_pie_table tr td:nth-child(2){
			width:auto;
		}
		.ec_pie_table tr th, .ec_pie_table tr td{
			padding:5px
		}
		.ec_pie_table{
			padding-left:30px;
		}
	</style>
	<body style="background: #000026;"> 
		<img src="static/img/bg.jpg" alt="" />
		<!--<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>-->
		<div class="container" id="page1st">
			<div class="header">
				<div class="logo" style="width:800px;margin-top:-10px;">全国互联网信息安全管理系统  -  工业互联网资源概况</div>
				<a href="page3rd.html" class="pre_btn"></a>		
			</div>
			<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
			<div class="content">
				<div class="top_tip" style="padding-top:30px;font-size:20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全国工业互联网接入企业数<strong>61</strong>个，企业用户数<strong>121</strong>个，接入IP数<strong>1231</strong>个</div>
				<div class="bottom_content_imp">
					<div class="imp_left" >
						<div class="middle_pie">
							<h2 id="province_info" style="width:250px;">北京工业互联网融合概况</h2>
							<div class="echarts_box industrial_ec" id="radarOptionEc"></div>
							<!--<div class="echarts_box industrial_ec" id="ecPie"></div>-->
						</div>
						<div class="bottom_bar">
							<div class="ec_box_bottom" >
								<div>
									<h2>接入类型</h2>
									<div class="echarts_box" id="ecPie2"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="imp_middle">
						<h2 style="padding-left:20px">全国分布情况</h2>
						<!--<ul class="ec_tab">
								<li class="active">IDC</li>
								<li>CDN</li>
								<li>云资源</li>
							</ul>-->
						<div class="ec_map" id="ecMap"></div>
					</div>
					<div class="imp_right">
						<div class="top_list">
							<h2>各省接入企业数量TOP10</h2>
							<div class="echarts_box" id="ecBar2"></div>
						</div>
						<div class="bottom_list" style="margin-top:-30px;">
							<h2>重点企业列表</h2>
							<div class="ec_pie_table">
								<table class="tab_heard">
									<tr>
										<th>企业名称</th>
										<th>用户数</th>
										<th>IP数</th>
										<th>访问量</th>
									</tr>
								</table>
								<div class="ec_table_scr">
									<table class="tab_content">
										<tr>
											<td>海尔集团</td>
											<td>123</td>
											<td>108</td>
											<td>10.85亿</td>
										</tr>
										<tr>
											<td>三一重工</td>
											<td>321</td>
											<td>5</td>
											<td>57.03万</td>
										</tr>
										<tr>
											<td>航天云网</td>
											<td>234</td>
											<td>3</td>
											<td>508.28万</td>
										</tr>
										<tr>
											<td>中移物联</td>
											<td>432</td>
											<td>5</td>
											<td>183.52万</td>
										</tr>
										<tr>
											<td>海尔集团</td>
											<td>456</td>
											<td>123</td>
											<td>123</td>
										</tr>
										<!-- <tr>
											<td>三一重工</td>
											<td>654</td>
											<td>123</td>
											<td>123</td>
										</tr>
										<tr>
											<td>三一重工</td>
											<td>654</td>
											<td>123</td>
											<td>123</td>
										</tr>
										<tr>
											<td>三一重工</td>
											<td>654</td>
											<td>123</td>
											<td>123</td>
										</tr> -->
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="foot">
				<a href="page2nd.html" class="next_btn"></a>
			</div>
		</div>
		
		<div class="foot_right_logo" style="width:330px;margin-right:20px;"></div>
		<script src="static/js/calculate.js"></script>
		<!--<script src="js/flip.js"></script>-->
		<script>
			industrial();
			window.onresize=function(){
				industrial();
			}
		</script>
		<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/china.js"></script>
		<script src="static/js/industrialEc.js"></script>
		<script>
			$(".ec_tab li").click(function(){
				$(this).addClass("active").siblings().removeClass("active")
			})
		</script>
		<script type="text/javascript">
	    var scroll1 = new ScrollText("ranklistLeft","pre2","next2",true,50,true);
	    scroll1.LineHeight = 63;
	    var scroll2 = new ScrollText("ranklistRight1","pre2","next2",true,50,true);
	    scroll2.LineHeight = 63;
	    var scroll3 = new ScrollText("ranklistRight2","pre2","next2",true,50,true);
	    scroll3.LineHeight = 63;
		</script>
	</body>
</html>
